
@media screen and (max-width:321px){
    body{font-size:14px !important}
}
@media screen and (min-width:321px) and (max-width:400px){
    body{font-size:16px !important}
}
@media screen and (min-width:400px){
    body{font-size:18px !important}
}
*{
    margin:0;
    padding:0;
    box-sizing:border-box;
    border:0;
}
.clearfix:after{
    display:table;
    clear:both;
    content: "";
}
.fl{
    float:left;
}
html,body{
    height:100%;
}
.top{
    height:1.3rem;
    min-height:1.2rem;
    background:white;
}
.img img{
    width:0.8rem;
    margin-top:0.08rem;

}
.sandian img{
    width:0.8rem;
    float: right;
    margin-right:0.3rem;
    margin-top:-0.8rem;
}
.ssk{
    width:6.9rem;
    height:0.8rem;
    margin:0.4rem auto;
    background:#f7f7f7;
    border-radius:0.5rem;
    vertical-align: middle;
}
.ssk input{
    width:5.3rem;
    margin-left:0.1rem;
    margin-top:0.06rem;
    padding:0.08rem;
    background:#f7f7f7;
}
.tubiao{
    width:0.6rem;
    height:0.6rem;
    background:url("images/jd-sprites.png")2.1rem 0;
    background-size:5.3rem;
    display:inline-block;
    margin-top:0.16rem;
    margin-left:10px;
}
.bottom{
    position:fixed;
    bottom:0px;
    left:0px;
    right:0px;
    width:100%;
    height:1.3rem;
    background:#ccc;
}
.bottom img{
    width:1.87rem;
}
.cnt{
    height:15.3rem;
}
.cnt .sub_nav{
    width:2rem;
    height:100%;
    background:#f8f8f8;
    overflow-y:auto;
}
.cnt .cat_list{
    overflow-y:auto;
    font-size:0.32rem;
}
.sub_nav>div{
    height:1.1rem;
    line-height:1.1rem;
    text-align:center;
}
.div_active{
    background:white;
    color:red;
}

.cnt .cat_list{
    width:7.97rem;
    height:100%;
    background:white;
}
.cat{
    margin-left:0.22rem;
    margin-bottom:0.22rem;

}
.smallcatList{
    margin:0.5rem auto;
}
.biaoti{
    text-align: center;
}
